<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SomeTools</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="FileSaver.js"></script>
    <script src="index.js"></script>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.css">
    <link rel='icon' href='./image/ICO.ico' type='image/x-ico' />




</head>

<body>
    <div id="head">
        <h1 align="center" id="head-big">SomeTools</h1>
        <h5 align="center" id="head-small">一个拥有很多小工具的网站</h5>
    </div>
    <div id="body">
        <a href="CaiHongPi/CaiHongPi.html" target="_Blank" class="btn btn-light">彩虹屁生成器</a><br><br>
        <a href="LuckyDraw/LuckyDrawindex.html" target="_Blank" class="btn btn-light">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;抽奖&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a><br><br>
        <a href="RollCall/RollCallindex.html" target="_Blank" class="btn btn-light">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;点名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a><br><br>
        <a href="#" target="_Blank" class="btn btn-light" data-toggle="modal" data-target="#byteCodeModal">内容转二维码</a><br><br>
        <a href="Base/Baseindex.html" target="_Blank" class="btn btn-light">&nbsp;&nbsp;&nbsp;进制转换&nbsp;&nbsp;&nbsp;</a><br><br>
        <a href="IpSearch/IpSearchIndex.html" target="_Blank" class="btn btn-light">&nbsp;&nbsp;&nbsp;ip查询&nbsp;&nbsp;&nbsp;</a><br><br>
        <a href="FileStorage\FileStorage.html" target="_Blank" class="btn btn-light">&nbsp;&nbsp;&nbsp;文件仓库&nbsp;&nbsp;&nbsp;</a><br><br>

        <div class="modal fade" id="byteCodeModal">
            <div class="modal-dialog">
                <div class="modal-content">

                    <!-- 模态框头部 -->
                    <div class="modal-header">
                        <h4 align="center" class="modal-title">二维码</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <!-- 模态框主体 -->
                    <div class="modal-body">
                        <span id="divCode">
                            <img id="about-img"  src="image/byteCode.png" alt=""><br><br>
                        </span>
                        <input id="url" type="text" class="form-control" placeholder="输入内容、网址"><br>
                        <button type="button" id="about" onclick="generation()" class="btn btn-light">生码</button>
                        <script>
                            function generation() {
                                if ($("#url").val() != "") {
                                    let img = document.getElementById("about-img");
                                    img.src = `https://my.tv.sohu.com/user/a/wvideo/getQRCode.do?text=${$("#url").val()}`;
                                }
                            }
                        </script>

                    </div>

                    <!-- 模态框底部 -->
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    </div>

                </div>
            </div>
        </div>


        <div id="foot">
            <!-- 按钮：用于打开模态框 -->
            <button type="button" id="about" class="btn btn-link" data-toggle="modal" data-target="#aboutModal">
        关于
        </button>
            <!-- 模态框 -->
            <div class="modal fade" id="aboutModal">
                <div class="modal-dialog">
                    <div class="modal-content">

                        <!-- 模态框头部 -->
                        <div class="modal-header">
                            <h4 align="center" class="modal-title">关于</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>

                        <!-- 模态框主体 -->
                        <div class="modal-body">
                            <img id="about-img" src="image/打不了弟批.png" alt=""><br>
                            <span align="center">作者：打不了弟批</span><br> 项目地址：
                            <a target="_Blank" href="https://gitee.com/WD_MoonMoonBird/some-tools.git">https://gitee.com/WD_MoonMoonBird/some-tools.git</a><br>
                            <span align="center">联系我</span><br>
                            <span align="center">QQ：2324377905</span><br>
                            <span align="center">微信：WD_MoonMoonBird</span><br>
                        </div>

                        <!-- 模态框底部 -->
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                        </div>

                    </div>
                </div>
            </div>


            <!-- 按钮：用于打开模态框 -->
            <button type="button" id="about" class="btn btn-link" data-toggle="modal" data-target="#ConModal">
        投稿
        </button>
            <!-- 模态框 -->
            <div class="modal fade" id="ConModal">
                <div class="modal-dialog">
                    <div class="modal-content">

                        <!-- 模态框头部 -->
                        <div class="modal-header">
                            <h4 align="center" class="modal-title">想要的功能？</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>

                        <!-- 模态框主体 -->
                        <div class="modal-body">
                            <input id="maxNum" type="text" class="form-control" placeholder="输入你想要的功能">&nbsp;
                        </div>

                        <!-- 模态框底部 -->
                        <div class="modal-footer">
                            <button type="button" id="submit" class="btn btn-secondary" data-dismiss="modal">投稿</button>
                        </div>

                    </div>
                </div>
            </div>
            <p id="footText">更多功能，尽请期待
                <p>

        </div>

    </div>


</body>

</html>